<!DOCTYPE html> 
<html> 
	<head> 
	<title>Cooperativa</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<style>
#map-page, #map-canvas { width: 100%; height: 100%; padding: 0; }</style>
	<link rel="stylesheet" href="jquery.mobile-1.4.3/jquery.mobile-1.4.3.min.css" />
	<link rel="stylesheet" href="css/index.css" />
	<link rel="stylesheet" href="css/themes/temas.min.css" />
	<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
	<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
	<script src="jquery.mobile-1.4.3/jquery.mobile-1.4.3.min.js"></script>
	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

	<script src="js/maps.js"></script>
	<style>
	div.centre
{
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
	div.left
{
  text-align: left;
  display: block;
  margin-left: auto;
  margin-right: auto;
}



</style>
</head> 
<body > 

<!-- Start of first page -->
<div data-role="page" id="inicio" data-theme="c"  style="background-image: url('img/launcher.png'); background-repeat: no-repeat; background-position: center" >
	
	<div data-role="header" data-position="fixed">
		<img src="img/cabecera.png" width="100%" height="100px" ><br/>
		<!--<img  height="20%" src="img/tesla.jpg"> -->
	</div><!-- /header -->
	
	<div data-role="content" class="centre"  >	
		<h4>Pagina Principal.</h4>	
		<table align="center">
			<tr>
				<td><a href="#socio" data-transition="slide"  data-role="button" >
					<img src="img/asociate.png" width="50" height="50"><br/>
					Asociate				
					</a>
				</td>	
				<td><a href="#atencion" data-transition="slide" data-role="button" >
					<img src="img/atencion.png" width="50" height="50"><br/>
					Atención
					</a>
				</td>
	
			</tr>
			<tr>
				<td><a href="#sucursales" data-transition="slide" data-role="button" >
					<img src="img/sucursales.png" width="50" height="50"><br/>
					Sucursales				
					</a>
				</td>	
				<td><a href="#convenios" data-transition="slide"  data-role="button" >
					<img src="img/convenios.png" width="50" height="50"><br/>
					Convenios
					</a>
				</td>	
			</tr>
			<tr>
				<td colspan="2"><a href="#informaciones" data-transition="slide"  data-role="button" >
					<img src="img/horas.png" width="50" height="50"><br/>
					Informaciones
					</a>
				</td>	
			</tr>

		</table>	
		
		
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed" class="footer">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div><!-- /page -->


<!-- Start of second page -->
<div data-role="page" id="informaciones" class="centre" data-theme="c" >

	<div data-role="header" data-position="fixed">
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
		<h1 ><img src="img/launcher.png" width="40px" height="40px" >   Informaciones</h1>
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	</div><!-- /header -->
	<div data-role="content">	
		<p>Pagina de informaciones.</p>		
			
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div><!-- /page -->

<div data-role="page" id="atencion" class="centre" data-theme="c">

	<div data-role="header" data-position="fixed">
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
		<h1><img src="img/launcher.png" width="40px" height="40px" >   Atencion al socio</h1>
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	</div><!-- /header -->
	
	<div data-role="content">	
		<p>Pagina de atencion al socio</p>		
			
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div>
<div data-role="page" id="sucursales" class="centre" data-theme="c">

	<div data-role="header" data-position="fixed">
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
		<h1><img src="img/launcher.png" width="40px" height="40px" >   Sucursales</h1>
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	</div><!-- /header -->
	<div data-role="content">	
		<p>Pagina de Sucursales</p>
		<a href="#map-page" class="ui-btn ui-icon-arrow-r ui-btn-icon-right ui-corner-all" data-transition="slide">Todas las sucursales</a>		
			
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div>
<div data-role="page" id="convenios" class="centre" data-theme="c">

	<div data-role="header" data-position="fixed">
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
		<h1><img src="img/launcher.png" width="40px" height="40px" >   Convenios</h1>
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	</div><!-- /header -->
	<div data-role="content">	
		<p>Pagina de Convenios</p>		
		<img src="http://www.barreras.altervista.org/www/img/cabecera.png" width="100%" height="auto" >
		<img src="http://www.barreras.altervista.org/www/img/logo.png" width="100%" height="auto" >
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div>


<!-- Pagina de socios-->
<div data-role="page" id="socio" class="centre" data-theme="c">

	<div data-role="header" data-position="fixed">
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
		<h1><img src="img/launcher.png" width="40px" height="40px" >   Asociate</h1>
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	</div><!-- /header -->
	<div data-role="content" >	
		<p>Hacete socio</p>		
		<a href="#requisitos" class="ui-btn ui-icon-arrow-r ui-btn-icon-right ui-corner-all" data-transition="slide">Requisitos</a>
		<a href="#pagos" class="ui-btn ui-icon-arrow-r ui-btn-icon-right ui-corner-all" data-transition="slide" >Pagos con Tarjetas</a>
		<a href="#charlas" class="ui-btn ui-icon-arrow-r ui-btn-icon-right ui-corner-all" data-transition="slide" >Charlas para Nuevos Socios</a>
			
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div>
<div data-role="page" id="requisitos" class="centre" data-theme="c">

	<div data-role="header" data-position="fixed">
		<a href="#socio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
		<h1><img src="img/launcher.png" width="40px" height="40px" >   Requisitos</h1>
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	</div><!-- /header -->
	<div data-role="content" class="left">	
		<p>Pagina de Requisitos</p>		
		Hacete Socio<br/>
		Generales<br/>

		Presentar la solicitud de ingreso. (Completar correctamente y llenar todos los campos solicitados en la misma). <br/>
		La Cuota de Ingreso es de Gs. 215.000.- (Guaranies doscientos quince mil), la cual esta compuesta de la siguiente forma:<br/>
		Concepto<br/>
		Monto(Guaraníes)<br/>
		Aporte:<br/>
		Gs. 20.000.-<br/>
		Solidaridad:<br/>
		Gs. 18.000.-<br/>
		Carnet de socio:<br/>
		Gs. 6.000.-<br/>
		Gastos administrativos:<br/>
		Gs. 171.000.-<br/>
		Total:<br/>
		Gs. 215.000.-<br/>
		Presentar original y copia de la cedula de identidad, o copia autenticada.<br/>

		La solicitud debera contar con la firma de un socio proponente que debera estar al dia en el pago de sus obligaciones con la Cooperativa: en caso que el solicitante se asocie bajo la figura de socio conyugal, el proponente debera ser su cónyuge (socio profesional universitario).<br/>

		Nombrar a los beneficiarios/as del seguro de vida, que otorga la Cooperativa a sus asociados.<br/>

		Toda la solicitud de ingreso debera ir acompañada de los siguientes documentos:<br/>

		*Antecedentes policiales - vigente (Identificaciones)<br/>
		*Copia de Cedula de Identidad<br/>
		*Antecedentes personales (proveido por la Cooperativa)<br/>

		En todos los casos ser legalmente capaz.	
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div>
<div data-role="page" id="pagos" class="centre" data-theme="c">

	<div data-role="header" data-position="fixed">
		<a href="#socio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
		<h1><img src="img/launcher.png" width="40px" height="40px" >   Pagos</h1>
		<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	</div><!-- /header -->
	<div data-role="content">	
		<p>Pagina de Pagos con Tarjeta</p>		
			
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div>
<div data-role="page" id="charlas" class="centre" data-theme="c">

	<div data-role="header" data-position="fixed">
	<a href="#socio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse" ></a>		
		<h1><img src="img/launcher.png" width="40px" height="40px" >   Charlas</h1>
	<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	</div><!-- /header -->
	<div data-role="content">	
		<p>Pagina de Charlas</p>		
			
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<h4>Cooperativa</h4>
	</div><!-- /footer -->
</div>
<!-- Pagina de socios-->


<div data-role="page" id="map-page" data-url="map-page" data-theme="c">
    <div data-role="header" >
    	<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
	<h1><img src="img/launcher.png" width="40px" height="40px" >   Sucursales</h1>
	<a href="#inicio" class="ui-btn-inline ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext" data-transition="slide" data-direction="reverse"></a>
    </div>
    <div role="main" class="ui-content" id="map-canvas" style="width: 100%; height: 80%; padding: 0;">
        <!-- map loads here... -->
    </div>
</div>
</body>
</html>
